deleting an image in the import tab does not create ghost observation cards

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46

Error: expect(locator).not.toBeVisible() failed

Locator: getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
Expected: not visible
Received: visible
Timeout: 5000ms

Call log:
- Expect "not toBeVisible" getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first() with timeout 5000ms
- waiting for getByTestId('observations-area').getByRole('article').filter({ has: getByRole('heading', { name: 'cyan' }) }).first()
14 × locator resolved to <article aria-label="cyan" data-selectable="" data-id="ocozjdu1" class="observation svelte-pa7bo1 selectable">…</article>
- unexpected value "visible"

at tests/import.spec.js:450:46